<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <title>飞腾会-FitaClub</title>
  <%@ include file="/WEB-INF/include/meta.jsp" %>
  <%@ include file="/WEB-INF/include/css.jsp" %>
</head>
<!-- end header -->

<body>
<div class="page-group">
  <div class="page page-current bg-light-gray">
    <header class="bar bar-nav fita-header">
      <a href="javascript:history.back(-1);" class="icon icon-left pull-left"></a>
      <a class="icon icon-menu pull-right open-panel"></a>
      <h1 class="title time-title">
        <div class="item">
          <p>${pickupLocation.cityName}</p>
          <span class="time">${carsSearch.pickupDateString}</span>
        </div>
        <div class="item day"><p class="no-margin">${days}天</p></div>
        <div class="item">
          <p>${returnLocation.cityName}</p>
          <span class="time">${carsSearch.returnDateString}</span>
        </div>
      </h1>
    </header>

    <div class="content">
      <div class="row">
        <p style="padding: .75rem; margin: 0; font-size: .85rem; color: #131313;" class="col-66">为您查询的可用车辆如下：</p>
        <c:if test="${isLogin}">
          <div class="col-33" style="text-align: right;margin: 0;padding: .20rem">
            <span class="iconfont iconfont-openEye" style="font-size: 1.5rem" id="openCloseEye"></span>
          </div>
        </c:if>
      </div>

      <div class="buttons-tab fixed-tab search-layout" data-offset="54">
        <a href="javascript:void(0);" class="button open-popup" data-popup=".type-popup"><span
                class="categoryName">全部车型</span> <span class="iconfont iconfont-down-arrow"></span></a>
        <a href="javascript:void(0);" class="button open-popup" data-popup=".seat-popup"><span
                class="seatName">全部座位</span><span class="iconfont iconfont-down-arrow"></span></a>
        <a href="javascript:void(0);" class="button open-popup" data-popup=".price-popup"><span
                class="priceOrder">价格：默认 </span><span class="iconfont iconfont-down-arrow"></span></a>
      </div>

      <div class="list cars-list-layout">
        <c:forEach var="car" items="${vehicleCores}">
          <div class="card fita-card" data-category="${car.categoryCode}" data-price="${car.totalAmount}"
               data-seat="${car.passengerQuantity}">
            <div class="card-content">
              <div class="card-content-inner">
                <div class="car-title">
                  <c:choose>
                    <c:when test="${persist.modelGroups[car.modelName] != null}">
                      ${persist.modelGroups[car.modelName].chineseName}
                    </c:when>
                    <c:otherwise>
                      ${car.modelName}
                    </c:otherwise>
                  </c:choose>
                </div>
                <div class="row no-gutter">
                  <div class="col-66 cars-type">
                    <c:choose>
                      <c:when test="${persist.modelGroups[car.modelName] != null}">
                        <img src="${cloudContext.domain}/${persist.modelGroups[car.modelName].picture}"/>
                      </c:when>
                      <c:otherwise>
                        <img src="${car.picture}"/>
                      </c:otherwise>
                    </c:choose>
                    <p>
                        ${persist.getVehicleSize(car.modelCodeClass).chineseName}/
                        ${persist.getVehicleCategory(car.categoryCode).chineseName}/
                        ${car.transmissionType eq 'MANUAL' ? '手动' : '自动'}/
                        ${car.baggageQuantity}件行李/
                        ${car.passengerQuantity}座位/
                        ${car.airConditionIn ? '含空调' : '无空调'}/
                        ${car.modelCodeType eq 'B' ? '2门' : car.modelCodeType eq 'C' ? '2或4门' : '4门或5门'}</p>
                  </div>
                  <!--两种模式的价格-->
                  <c:set var="currentTotalAmount"
                         value="${persist.generateCouponPrice(car.totalAmount, carsSearch.pickupLocation)}"/>
                  <c:set var="twoPrice" value="${!car.isEmptyPrice2()}"/>

                  <c:if test="${twoPrice}">
                    <c:set var="currentTotalAmount2"
                           value="${persist.generateCouponPrice(car.totalAmount2, carsSearch.pickupLocation)}"/>
                  </c:if>
                  <c:choose>
                    <c:when test="${carsSearch.type == 'PREPAY'}">
                      <c:choose>
                        <c:when test="${twoPrice}">
                          <!-- 预付 -->
                          <div class="col-33 price-box">
                            <c:if test="${!isLogin}">
                              <a href="${ctx.host}/cars?${queryString}" class="item" style="margin-top: 3.25rem;">
                                <p>官方零售价：</p>
                                <p class="price"><span style="font-size: .75rem;">￥</span><fmt:formatNumber
                                        value="${persist.destinationPaid(car.totalAmount2, carsSearch.type, car.currencyCode, car.set2PayType).setScale(0,0)}"
                                        pattern="0.00"/></p>
                              </a>
                            </c:if>
                            <c:if test="${isLogin}">
                              <a href="javascript:void(0);" class="item" style="margin-bottom: 1.25rem;">
                                <p>官方零售价：</p>
                                <p class="price"><span style="font-size: .75rem;">￥</span><fmt:formatNumber
                                        value="${persist.destinationPaid(car.totalAmount2, carsSearch.type, car.currencyCode, car.set2PayType)}"
                                        pattern="0.00"/></p>
                              </a>
                              <c:set var="country" value="${persist.country(carsSearch.countryId)}"/>
                              <a href="javascript:void(0);" data-ccode="${car.categoryCode}"
                                 data-sizecode="${car.sizeCode}"
                                 data-dc="${car.doorCount}"
                                 data-ac="${car.airConditionIn}"
                                 data-ttype="${car.transmissionType}"
                                 data-modelname="${car.modelName}"
                                 data-modelcode="${car.modelCode}"
                                 data-pic="${car.picture}"
                                 data-pq="${car.passengerQuantity}"
                                 data-bq="${car.baggageQuantity}"
                                 data-ta="${car.totalAmount2}"
                                 data-eta="${car.esimatedTotalAmount2}"
                                 data-ra="${persist.destinationPaid(car.totalAmount2, carsSearch.type, car.currencyCode, car.set2PayType)}"
                                 data-cc="${car.currencyCode}"
                                 data-setid="${car.set2Id}"
                                 data-includefees="${car.feeInclude()}"
                                 data-unincludefees="${car.feeUnInclude()}"
                                 data-includeorderfee="${car.includeOrderFeeId()}"
                                 data-unincludeorderfee="${car.unIncludeOrderFeeId()}"
                                 data-ratequalifier="${car.rateQualifier}"
                                 data-vehiclecharge="${car.vehicleCharge()}"
                                 data-vehiclechargeid="${car.vehicleChargeId()}"
                                 data-href="${ctx.host}/cars/detail" class="item detail-link floatAgentPrice">
                                <p>浮动价：</p>
                                <p class="price current-price"><span
                                        style="font-size: .75rem;">￥</span><fmt:formatNumber
                                        value="${persist.dynamicPrepaid(currentTotalAmount2, car.currencyCode, agentCompany.rate, car.set2PayType, agent.company.primaryAgentRate)}"
                                        pattern="0.00"/></p>
                              </a>
                              <c:if test="${country.code == 'US' ||  country.code == 'CA' || country.code == 'US,CA'}">
                                <a href="javascript:void(0);" data-ccode="${car.categoryCode}"
                                   data-sizecode="${car.sizeCode}"
                                   data-dc="${car.doorCount}"
                                   data-ac="${car.airConditionIn}"
                                   data-ttype="${car.transmissionType}"
                                   data-modelname="${car.modelName}"
                                   data-modelcode="${car.modelCode}"
                                   data-pic="${car.picture}"
                                   data-pq="${car.passengerQuantity}"
                                   data-bq="${car.baggageQuantity}"
                                   data-ta="${car.totalAmount}"
                                   data-eta="${car.esimatedTotalAmount}"
                                   data-ra="${persist.destinationPaid(car.totalAmount2, carsSearch.type, car.currencyCode, car.set2PayType)}"
                                   data-cc="${car.currencyCode}"
                                   data-setid="${car.set1Id}"
                                   data-includefees="${car.feeInclude()}"
                                   data-unincludefees="${car.feeUnInclude()}"
                                   data-includeorderfee="${car.includeOrderFeeId()}"
                                   data-unincludeorderfee="${car.unIncludeOrderFeeId()}"
                                   data-ratequalifier="${car.rateQualifier}"
                                   data-vehiclecharge="${car.vehicleCharge()}"
                                   data-vehiclechargeid="${car.vehicleChargeId()}"
                                   data-href="${ctx.host}/cars/detail" class="item detail-link normalAgentPrice">
                                  <p>常规价：</p>
                                  <p class="price current-price"><span
                                          style="font-size: .75rem;">￥</span><fmt:formatNumber
                                          value="${persist.prepaid(currentTotalAmount, car.currencyCode, agentCompany.rate, agent.company.primaryAgentRate)}"
                                          pattern="0.00"/></p>
                                </a>
                              </c:if>
                            </c:if>

                          </div>
                        </c:when>
                        <c:otherwise>
                          <div class="col-33 price-box">
                            <c:if test="${isLogin}">
                              <a href="javascript:void(0);" class="item" style="margin-bottom: 1.25rem;">
                                <p>官方零售价：</p>
                                <p class="price"><span style="font-size: .75rem;">￥</span><fmt:formatNumber
                                        value="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType).setScale(0, 0)}"
                                        pattern="0.00"/></p>
                              </a>
                              <c:set var="country" value="${persist.country(carsSearch.countryId)}"/>

                              <c:if test="${!car.set1PayType.isCommonPerpay()}">
                                <a href="javascript:void(0);" data-ccode="${car.categoryCode}"
                                   data-sizecode="${car.sizeCode}"
                                   data-dc="${car.doorCount}"
                                   data-ac="${car.airConditionIn}"
                                   data-ttype="${car.transmissionType}"
                                   data-modelname="${car.modelName}"
                                   data-modelcode="${car.modelCode}"
                                   data-pic="${car.picture}"
                                   data-pq="${car.passengerQuantity}"
                                   data-bq="${car.baggageQuantity}"
                                   data-ta="${car.totalAmount}"
                                   data-eta="${car.esimatedTotalAmount}"
                                   data-ra="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType).setScale(0, 0)}"
                                   data-cc="${car.currencyCode}"
                                   data-setid="${car.set1Id}"
                                   data-includefees="${car.feeInclude()}"
                                   data-unincludefees="${car.feeUnInclude()}"
                                   data-includeorderfee="${car.includeOrderFeeId()}"
                                   data-unincludeorderfee="${car.unIncludeOrderFeeId()}"
                                   data-ratequalifier="${car.rateQualifier}"
                                   data-href="${ctx.host}/cars/detail"
                                   data-vehiclecharge="${car.vehicleCharge()}"
                                   data-vehiclechargeid="${car.vehicleChargeId()}"
                                   class="item detail-link floatAgentPrice">
                                  <p>浮动价：</p>
                                  <p class="price current-price"><span
                                          style="font-size: .75rem;">￥</span><fmt:formatNumber
                                          value="${persist.dynamicPrepaid(currentTotalAmount, car.currencyCode, agentCompany.rate, car.set1PayType, agent.company.primaryAgentRate).setScale(0, 0)}"
                                          pattern="0.00"/></p>
                                </a>
                              </c:if>
                              <c:if test="${country.code == 'US' ||  country.code == 'CA' || country.code == 'US,CA'}">
                                <c:if test="${car.set1PayType.isCommonPerpay()}">
                                  <a href="javascript:void(0);" data-ccode="${car.categoryCode}"
                                     data-sizecode="${car.sizeCode}"
                                     data-dc="${car.doorCount}"
                                     data-ac="${car.airConditionIn}"
                                     data-ttype="${car.transmissionType}"
                                     data-modelname="${car.modelName}"
                                     data-modelcode="${car.modelCode}"
                                     data-pic="${car.picture}"
                                     data-pq="${car.passengerQuantity}"
                                     data-bq="${car.baggageQuantity}"
                                     data-ta="${car.totalAmount}"
                                     data-eta="${car.esimatedTotalAmount}"
                                     data-ra="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType).setScale(0, 0)}"
                                     data-cc="${car.currencyCode}"
                                     data-setid="${car.set1Id}"
                                     data-includefees="${car.feeInclude()}"
                                     data-unincludefees="${car.feeUnInclude()}"
                                     data-includeorderfee="${car.includeOrderFeeId()}"
                                     data-unincludeorderfee="${car.unIncludeOrderFeeId()}"
                                     data-ratequalifier="${car.rateQualifier}"
                                     data-vehiclecharge="${car.vehicleCharge()}"
                                     data-vehiclechargeid="${car.vehicleChargeId()}"
                                     data-href="${ctx.host}/cars/detail" class="item detail-link normalAgentPrice">
                                    <p>常规价：</p>
                                    <p class="price current-price"><span
                                            style="font-size: .75rem;">￥</span><fmt:formatNumber
                                            value="${persist.prepaid(currentTotalAmount, car.currencyCode, agentCompany.rate, agent.company.primaryAgentRate).setScale(0, 0)}"
                                            pattern="0.00"/></p>
                                  </a>
                                </c:if>
                              </c:if>
                            </c:if>
                            <c:if test="${!isLogin}">
                              <a href="${ctx.host}/cars?${queryString}" class="item"
                                 style="margin-bottom: 1.25rem;margin-top: 3.5rem">
                                <p>官方零售价：</p>
                                <p class="price"><span style="font-size: .75rem;">￥</span><fmt:formatNumber
                                        value="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType).setScale(0, 0)}"
                                        pattern="0.00"/></p>
                              </a>
                            </c:if>
                          </div>
                        </c:otherwise>
                      </c:choose>
                      <!-- 预付 end -->
                    </c:when>
                    <c:when test="${carsSearch.type == 'ARRIVEPAY'}">
                      <div class="col-33 price-box">
                        <c:if test="${isLogin}">
                          <!-- 到付 start -->
                          <a href="javascript:void(0);" data-ccode="${car.categoryCode}"
                             data-sizecode="${car.sizeCode}"
                             data-dc="${car.doorCount}"
                             data-ac="${car.airConditionIn}"
                             data-ttype="${car.transmissionType}"
                             data-modelname="${car.modelName}"
                             data-modelcode="${car.modelCode}"
                             data-pic="${car.picture}"
                             data-pq="${car.passengerQuantity}"
                             data-bq="${car.baggageQuantity}"
                             data-ta="${car.totalAmount}"
                             data-eta="${car.esimatedTotalAmount}"
                             data-ra="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType)}"
                             data-cc="${car.currencyCode}"
                             data-setid="${car.set1Id}"
                             data-includefees="${car.feeInclude()}"
                             data-unincludefees="${car.feeUnInclude()}"
                             data-includeorderfee="${car.includeOrderFeeId()}"
                             data-unincludeorderfee="${car.unIncludeOrderFeeId()}"
                             data-ratequalifier="${car.rateQualifier}"
                             data-vehiclecharge="${car.vehicleCharge()}"
                             data-vehiclechargeid="${car.vehicleChargeId()}"
                             data-href="${ctx.host}/cars/detail" class="col-33 price-box detail-link">
                            <div href="javascript:void(0);" class="item" style="margin-bottom: 1.25rem;">
                              <p>官方零售价：</p>
                              <c:set var="exchangeRate" value="${persist.exchangeRate(car.currencyCode)}"/>
                              <p class="price"><span
                                      style="font-size: .75rem;">${exchangeRate.currencySymbol}</span><fmt:formatNumber
                                      value="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType)}"
                                      pattern="0.00"/></p>
                            </div>
                            <br>
                            <div href="" class="item agentCommission">
                              <p>返佣：</p>
                              <p class="price current-price"><span
                                      style="font-size: .75rem;">${exchangeRate.currencySymbol}</span><fmt:formatNumber
                                      value="${persist.agentCommission(car.totalAmount, carsSearch.pickupLocation, agentCompany.rate, agent.company.primaryAgentRate)}"
                                      pattern="0.00"/></p>
                            </div>
                          </a>
                          <!-- 到付 end -->
                        </c:if>
                        <c:if test="${!isLogin}">

                          <a href="${ctx.host}/cars?${queryString}" class="item" style="margin-top: 3.25rem;">
                            <p>官方零售价：</p>
                            <p class="price"><span
                                    style="font-size: .75rem;">${exchangeRate.currencySymbol}</span><fmt:formatNumber
                                    value="${persist.destinationPaid(car.totalAmount, carsSearch.type, car.currencyCode, car.set1PayType)}"
                                    pattern="0.00"/></p>
                          </a>
                          </a>
                        </c:if>
                      </div>
                    </c:when>
                    <c:otherwise>
                    </c:otherwise>
                  </c:choose>
                </div>
              </div>
            </div>
          </div>
        </c:forEach>
      </div>
    </div>

    <div class="popup type-popup search-popup search-category-popup">
      <form action="" class="search-form bg-white">
        <div class="list-block no-margin search-list-layout">
          <ul>

            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">不限</div>
                  <div class="item-input">
                    <input type="radio" name="category" data-name="全部车型" value="0">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>

            <c:forEach var="category" items="${enums['VehicleCategory']}">
              <c:if test="${category.ssip != 'K' }">
                <li>
                  <div class="item-content">
                    <div class="item-inner">
                      <div class="item-title label">${category.chineseName}</div>
                      <div class="item-input">
                        <input type="radio" name="category" data-name="${category.chineseName}"
                               value="${category.code}">
                        <div class="checked-wrap"></div>
                      </div>
                    </div>
                  </div>
                </li>
              </c:if>
            </c:forEach>
          </ul>
        </div>
        <div style="margin: 0 .5rem;">
          <button type="button"
                  class="button button-fill button-success button-big confirm-button search-category-button"
                  style="width: 100%;">确定
          </button>
        </div>
      </form>
    </div>

    <div class="popup search-popup seat-popup search-seat-popup">
      <form action="" class="search-form bg-white">
        <div class="list-block no-margin search-list-layout">
          <ul>

            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">不限</div>
                  <div class="item-input">
                    <input type="radio" name="seat" value="0,0">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">2-4位</div>
                  <div class="item-input">
                    <input type="radio" name="seat" value="2,4">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">4-5位</div>
                  <div class="item-input">
                    <input type="radio" name="seat" value="4,5">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">5-7位</div>
                  <div class="item-input">
                    <input type="radio" name="seat" value="5,7">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">7位及7位以上</div>
                  <div class="item-input">
                    <input type="radio" name="seat" value="7,100">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <div style="margin: 0 .5rem;">
          <button type="button" class="button button-fill button-success button-big confirm-button search-seat-button"
                  style="width: 100%;">确定
          </button>
        </div>
      </form>
    </div>

    <div class="popup price-popup search-popup search-price-popup">
      <form action="" class="search-form bg-white">
        <div class="list-block no-margin search-list-layout">
          <ul>
            <!-- Text inputs -->
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">不限</div>
                  <div class="item-input">
                    <input type="radio" name="price" value="default" data-name="不限">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">低到高</div>
                  <div class="item-input">
                    <input type="radio" name="price" value="bigToHigh" data-name="低到高">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="item-inner">
                  <div class="item-title label">高到低</div>
                  <div class="item-input">
                    <input type="radio" name="price" value="highTobig" data-name="高到低">
                    <div class="checked-wrap"></div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <div style="margin: 0 .5rem;">
          <button type="button" class="button button-fill button-success button-big confirm-button search-price-button"
                  style="width: 100%;">确定
          </button>
        </div>
      </form>
    </div>
  </div>

  <form action="" method="POST" id="detailform">
    <input type="hidden" name="countryId" value="${carsSearch.countryId}">
    <input type="hidden" name="supplierId" value="${carsSearch.supplierId}">
    <input type="hidden" name="type" value="${carsSearch.type}">
    <input type="hidden" name="pickupLocation" value="${carsSearch.pickupLocation}">
    <input type="hidden" name="returnLocation" value="${carsSearch.returnLocation}">
    <input type="hidden" name="pickupDate" value="${carsSearch.pickupDateTime}">
    <input type="hidden" name="returnDate" value="${carsSearch.returnDateTime}">
    <input type="hidden" name="driveAge" value="${carsSearch.driveAge}">
    <input type="hidden" name="setId" value="">
    <input type="hidden" name="doorCount" value="">
    <input type="hidden" name="sizeCode" value="">
    <input type="hidden" name="categoryCode" value="">
    <input type="hidden" name="airConditionIn" value="">
    <input type="hidden" name="transmissionType" value="">
    <input type="hidden" name="modelName" value="">
    <input type="hidden" name="modelCode" value="">
    <input type="hidden" name="passengerQuantity" value="">
    <input type="hidden" name="baggageQuantity" value="">
    <input type="hidden" name="totalAmount" value="">
    <input type="hidden" name="esimatedTotalAmount" value="">
    <input type="hidden" name="retailAmount" value="">
    <input type="hidden" name="currencyCode" value="">
    <input type="hidden" name="picture" value="">
    <input type="hidden" name="feeInclude" value="">
    <input type="hidden" name="feeUnInclude" value="">
    <input type="hidden" name="includeOrderFeeId" value="">
    <input type="hidden" name="unIncludeOrderFeeId" value="">
    <input type="hidden" name="rateQualifier" value="">
    <input type="hidden" name="vehicleCharge" value="">
    <input type="hidden" name="vehicleChargeId" value="">


  </form>

  <div class="panel-overlay"></div>
  <div class="panel panel-right panel-cover fita-panel">
    <div class="list-block contacts-block no-margin">
      <p class="menu-title close-panel">关闭</p>
      <ul>
        <li>
          <a href="${ctx.host}/cars/search" class="item-content item-link">
            <div class="item-inner">
              <div class="item-title">立即租车</div>
            </div>
          </a>
        </li>
        <%-- <li>
          <a href="${ctx.host}/orders" class="item-content item-link">
            <div class="item-inner">
              <div class="item-title">我的订单</div>
            </div>
          </a>
        </li> --%>
        <li>
          <a href="${ctx.host}/profile" class="item-content item-link">
            <div class="item-inner">
              <div class="item-title">个人中心</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
<%@ include file="/WEB-INF/include/script.jsp" %>
<d:resource type="script" root="${ctx.resource}/build" src="js/page/cars-search/cars-search-result.js"/>
<script type="text/javascript">
    require(['page/cars-search/cars-search-result'], function (page) {
        page.init({
            /* "vehicleCores": JSON.parse('${vehicleCoresString}'),
          "carsSearch": JSON.parse('${carsSearchString}'),
          "setCategories": JSON.parse('${persist.getSetCategoriesJson()}') */
        })
    })
</script>

</body>
</html>